﻿<html>
<head>
    <title>Draggable Regions Test</title>
    <style>
        .titlebar {
            -webkit-app-region: drag;
            -webkit-user-select: none;
            position: absolute;
            top: 0px;
            left: 50px;
            width: 100%;
            height: 32px;
        }

        .titlebar-button {
            -webkit-app-region: no-drag;
            position: absolute;
            top: 0px;
            width: 140px;
            height: 32px;
        }
    </style>
</head>
<body bgcolor="white">
    Draggable regions can be defined using the -webkit-app-region CSS property.
    <br />In the below example the red region is draggable and the blue sub-region is non-draggable.
    <br />Windows can be resized by default and closed using JavaScript <a href="#" onClick="window.close(); return false;">window.close()</a>.
    <div class="titlebar">
        <div class="titlebar-button"></div>
    </div>
</body>
</html>